<!--
  @author yangjiangming
  @date 2018/11/26 10:00
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<zmn th:fragment="query">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">客户电话：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="concatPhone" placeholder="可输入电话后四位" autocomplete="off" >
                <!--<input type="hidden" name="concatPhoneEnd4" autocomplete="off" >-->
            </div>
            <label class="layui-form-label">客户姓名：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="concatUserName" autocomplete="off" >
            </div>
            <label class="layui-form-label">客户类型：</label>
            <div class="layui-input-inline">
                <select name="userType">
                    <option value="">全部</option>
                    <option th:each="item : ${userTypeList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">工单类型：</label>
            <div class="layui-input-inline">
                <select name="workType">
                    <option value="">全部</option>
                    <option th:each="item : ${typeList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">详细地址：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="concatAddress" autocomplete="off" >
            </div>
            <label class="layui-form-label">故障信息：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="faultContent" autocomplete="off" >
            </div>
            <label class="layui-form-label">城市：</label>
            <div class="layui-input-inline input-large">
                <select name="cityIdList" xm-select="select-city">
                    <option value="">全部</option>
                    <option th:each="item : ${cityList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">主工程师：</label>
            <div class="layui-input-inline" id="master-wrapper">
                <select id="select-master" name="masterId" lay-ignore style="width: 100%;">
                    <option value="">请选择</option>
                </select>
            </div>
            <label class="layui-form-label">多工程师：</label>
            <div class="layui-input-inline">
                <select name="multiMaster">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">有多工程师</option>
                    <option th:value="${yesOrNo.yes}">无多工程师</option>
                </select>
            </div>
            <label class="layui-form-label">区域：</label>
            <div class="layui-input-inline input-large">
                <select id="select-area" name="areaIdList" xm-select="select-area" lay-filter="select-area">
                    <option value="">全部</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">工单号：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="code" autocomplete="off" >
                <!--<input type="hidden" name="codeEnd6" autocomplete="off" >-->
            </div>
            <label class="layui-form-label">工单结果：</label>
            <div class="layui-input-inline">
                <select name="workResultStatus">
                    <option value="">全部</option>
                    <option th:each="item : ${resultStatusList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">工单状态：</label>
            <div class="layui-input-inline input-large">
                <select name="workStatus" xm-select="workStatus">
                    <option value="">全部</option>
                    <option th:each="item : ${statusList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">源单号：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="originalId" autocomplete="off" >
            </div>

            <label class="layui-form-label">跟单状态：</label>
            <div class="layui-input-inline">
                <select name="trackStatus">
                    <option value="">全部</option>
                    <option th:each="item : ${trackStatusList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">跟单类型：</label>
            <div class="layui-input-inline input-large">
                <select name="trackTypeId" xm-select="trackTypeId">
                    <option value="">全部</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">渠道单号：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="outerId" autocomplete="off" >
            </div>
            <label class="layui-form-label">服务类型：</label>
            <div class="layui-input-inline">
                <select name="servCategId">
                    <option value="">全部</option>
                    <option th:each="item : ${servCategList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>
            <label class="layui-form-label">服务品类：</label>
            <div class="layui-input-inline input-large">
                <select name="categOneIdList" xm-select="categOneIdList">
                    <option value="">全部</option>
                    <option th:each="item : ${oneCategoryList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">电子保单：</label>
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="warrantyCode" autocomplete="off" >
            </div>
            <label class="layui-form-label">发票：</label>
            <div class="layui-input-inline">
                <select name="hasInvoice">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">未开发票</option>
                    <option th:value="${yesOrNo.yes}">已开发票</option>
                </select>
            </div>
            <label class="layui-form-label">定金：</label>
            <div class="layui-input-inline">
                <select name="hasDeposit">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">无定金</option>
                    <option th:value="${yesOrNo.yes}">有定金</option>
                </select>
            </div>
            <label class="layui-form-label">子公司：</label>
            <div class="layui-input-inline">
                <select name="companyId" id="companyId">
                    <option value="">全部</option>
                    <option th:each="item : ${companyList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">支付状态：</label>
            <div class="layui-input-inline">
                <select name="payStatus">
                    <option value="">全部</option>
                    <option th:each="item : ${payStatusList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">预收款：</label>
            <div class="layui-input-inline">
                <select name="hasPrepayAmount">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">无预付款</option>
                    <option th:value="${yesOrNo.yes}">有预付款</option>
                </select>
            </div>
            <label class="layui-form-label">重复：</label>
            <div class="layui-input-inline">
                <select name="duplicate">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">不重复</option>
                    <option th:value="${yesOrNo.yes}">重复</option>
                </select>
            </div>
            <label class="layui-form-label">操作：</label>
            <div class="layui-input-inline">
                <select name="operate.operateType">
                    <option value="">全部</option>
                    <option th:each="item : ${operateTypeList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">回访：</label>
            <div class="layui-input-inline">
                <select name="replyVisited">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">已回访</option>
                    <option th:value="${yesOrNo.yes}">未回访</option>
                </select>
            </div>
            <label class="layui-form-label">投诉：</label>
            <div class="layui-input-inline">
                <select name="complaintStatus">
                    <option value="">全部</option>
                    <option th:value="${yesOrNo.no}">无投诉</option>
                    <option th:value="${yesOrNo.yes}">有投诉</option>
                </select>
            </div>
            <label class="layui-form-label">配件报销：</label>
            <div class="layui-input-inline">
                <select name="partReimburseStatus">
                    <option value="">全部</option>
                    <option th:each="item : ${partReimburseStatusList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">操作员：</label>
            <div class="layui-input-inline" id="operator-wrapper">
                <select name="operate.operatorId" id="select-operator" lay-ignore style="width: 100%;">
                    <option value="">全部</option>
                    <option value="1">1111</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">订单收入：</label>
            <div class="layui-input-inline">
                <select name="amountLevel">
                    <option value="">全部</option>
                    <option th:each="item : ${amountLevel}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">品牌：</label>
            <div class="layui-input-inline">
                <select name="brandId">
                    <option value="">全部</option>
                    <option th:each="item : ${brandList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>
            <label class="layui-form-label">下单渠道：</label>
            <div class="layui-input-inline input-large">
                <select name="channelIdList" xm-select="channelIdList">
                    <option value="">全部</option>
                    <option th:each="item : ${channelList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">优惠类型：</label>
            <div class="layui-input-inline">
                <select name="discount">
                    <option value="">全部</option>
                    <option th:each="item : ${discountCategList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">优惠方式：</label>
            <div class="layui-input-inline">
                <select name="city">
                    <option value="">全部</option>
                    <option th:each="item : ${discountTypeList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>
            <label class="layui-form-label">加单工程师：</label>
            <div class="layui-input-inline">
                <select name="city">
                    <option value="">全部</option>
                    <option th:each="item : ${resultStatusList}" th:value="${item.key}" th:text="${item.value}"></option>
                </select>
            </div>

            <div class="layui-input-inline more-up">
                <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="submit-search">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>查询
                </button>
            </div>
        </div>
    </div>

    <!-- 录入时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item inline-block">
            <label class="layui-form-label">录入时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="receiveTimeStart" type="text" name="receiveTime.start">
            </div>
            <!--<div class="layui-form-mid">至</div>-->
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="receiveTimeEnd" type="text" name="receiveTime.end">
            </div>
        </div>
    </div>
    <!-- 预约时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">预约时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="dutyTimeStart" type="text" name="dutyTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="dutyTimeEnd" type="text" name="dutyTime.end">
            </div>
        </div>
    </div>
    <!-- 派单时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">派单时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="distributeTimeStart" type="text" name="distributeTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="distributeTimeEnd" type="text" name="distributeTime.end">
            </div>
        </div>
    </div>
    <!-- 上门时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">上门时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="visitTimeStart" type="text" name="visitTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="visitTimeEnd" type="text" name="visitTime.end">
            </div>
        </div>
    </div>
    <!-- 支付时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">支付时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="payTimeStart" type="text" name="payTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="payTimeEnd" type="text" name="payTime.end">
            </div>
        </div>
    </div>
    <!-- 完成时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">完成时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="completeTimeStart" type="text" name="completeTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="completeTimeEnd" type="text" name="completeTime.end">
            </div>
        </div>
    </div>
    <!-- 收单时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">收单时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="checkoutTimeStart" type="text" name="checkoutTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="checkoutTimeEnd" type="text" name="checkoutTime.end">
            </div>
        </div>
    </div>
    <!-- 算账时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">算账时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="accountTimeStart" type="text" name="accountTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="accountTimeEnd" type="text" name="accountTime.end">
            </div>
        </div>
    </div>
    <!-- 回访时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">回访时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="replyVisitTimeStart" type="text" name="replyVisitTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="replyVisitTimeEnd" type="text" name="replyVisitTime.end">
            </div>
        </div>
    </div>
    <!-- 配件报销 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">配件报销：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="partReimburseTimeStart" type="text" name="partReimburseTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline" >
                <input class="layui-input" id="partReimburseTimeEnd" type="text" name="partReimburseTime.end">
            </div>
        </div>
    </div>
    <!-- 退款时间 -->
    <div class="layui-form-item">
        <div class="layui-inline date-picker-item">
            <label class="layui-form-label">退款时间：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="refundAmountTimeStart" type="text" name="refundAmountTime.start">
            </div>
            <label class="layui-form-label label-center">至</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="refundAmountTimeEnd" type="text" name="refundAmountTime.end">
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline layui-inline-left">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline" style="width: 500px">
                <input type="checkbox" title="录入时间" value="0" lay-skin="primary" lay-filter="datepicker" checked>
                <input type="checkbox" title="预约时间" value="1" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="派单时间" value="2" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="上门时间" value="3" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="支付时间" value="4" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="完成时间" value="5" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="收单时间" value="6" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="算账时间" value="7" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="回访时间" value="8" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="配件报销" value="9" lay-skin="primary" lay-filter="datepicker">
                <input type="checkbox" title="退款时间" value="10" lay-skin="primary" lay-filter="datepicker">
            </div>
        </div>
    </div>
</zmn>